html, body{font-family:"宋体"; font-size:14px; color:#333}
a{ color:#333}
.wrap{ width:1100px; margin:0 auto; position:relative}
.header-top ul{ position:absolute; top:0;right:0;}
.header-top ul li{ float:left; margin:10px 0; font-size:14px; line-height:24px;}
.header-top ul li i {padding: 0 10px;}
.header-top ul li a{ margin:0 5px;}
.nav_first{background:url(../images/dh_bj.jpg) repeat-x;line-height:41px;}
.nav_first li{ float:left; font-size:16px; font-weight:bold}
.nav_first a{ color:#fff; display:inline-block; padding:0 21px; background:url(../images/dh_x.jpg) no-repeat right; font-size:16px; font-family:"微软雅黑";}
.nav_first a:hover{ background:url(../images/dh_dj.jpg) repeat-x}
.nav_first .last{background:url(../images/dh_bj.jpg) repeat-x;height:41px; width:2px; position:relative; left:-2px}
.gdxw{background:url(../images/ss_bj.jpg) repeat-x; line-height:42px; height:42px;}
.gdxw .search .case{ border:1px solid #7f9cb8;box-shadow: 0 0 4px #eef7f8 inset;height:20px; line-height:20px; padding-left:10px}
.gdxw .search .btn{background:url(../images/ss.jpg) no-repeat;color: #fff;font-weight: 700;line-height: 21px; height:21px;padding: 0 10px; border:0; margin:0 20px 0 10px}

.news01{ border:1px solid #ccc; margin-bottom:10px}
.buycom{ height:320px;width: 495px; position:relative; padding:5px; border:1px solid #ccc; margin:10px;}
.buycom ul{z-index:1}
.buycom ul li{z-index:1}
.buycom li img{ width:100%;height: 320px; } 
.buycom li p{ position:absolute; left:0; bottom:0; height:100px; line-height:100px; font-size:16px; color:#fff; padding-left:18px}
.buycom .num ul{ position:absolute; bottom:15px; right:25px; z-index:9999}
.buycom .num ul li{ background:#fff;cursor: pointer;display: block;float: left;height: 16px; width:16px; border:1px solid #000;margin-left:5px;overflow: hidden; width: 16px; text-align:center}
.buycom .num ul .on{ background:#ff0000; border:0; color:#fff}

.news01_r{ width:550px}
.news01_r .news01-r-t{ padding:10px 0;}
.news01_r h3{ width:88%; font-size:24px; font-family:"微软雅黑"; font-weight:normal;}
.news01_r h3 a{color: #007072;font-weight: 700;}
.news01_r h3 .more{color:#F00; font-size:14px; margin-top:5px;}
.news01_r ul{ border-top:1px solid #ddd; width:97%}
.news01_r ul li{ line-height:30px; display:inline-block; width:100%}
.news01_r ul li i{ font-family: "宋体";padding:0 10px; float:left}
.news01_r ul li a{ float:left; width:70%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size:14px}
.news01_r ul li span{ float:right}
.news01_r ul li a:hover{ color:#007072}

.box_l{ width:809px}
.box_l .tit p img{ width:398px; height:65px;}
.box_l .border_mid{ margin-left:-13px;}
.box_l .border_box{ width:396px; margin-left:13px; border:1px solid #ddd; overflow:hidden; height:240px; margin-bottom:15px;}
.box_l .border_box h2{ line-height:41px; height:40px; background:url(../images/t.jpg) no-repeat; padding-left:25px; color:#fff; font-size:16px; font-weight:bold}
.box_l .border_box h2 a{ float:right; color:#3d3d3d; font-size:13px; font-weight:normal;font-family: "宋体"; padding-right:20px;}
.border_box a:hover{ color:#007072}
.border_box ul{ padding:10px 15px;}
.border_box li{ padding-left:12px; font-size:15px; line-height:30px; height:30px; background:url(../images/xsf1.jpg) no-repeat left center;}
.box_l .tu img{ width:100%; margin-bottom:15px; display:block}
.box_l .dt h2{background:url(../images/zw.jpg) no-repeat;}
.box_r{ width:278px}
.box_r .tit img{ width:100%;}
.box_r .border_box{border:1px solid #ddd;}
.box_r .border_box ul{ padding-top:0}
.box_r .border_box ul .red a{color:#ff0000; font-weight:bold}
.box_r .border_box ul li{ line-height:34px;height:34px;}
.box_r .lj_box{ margin-top:10px; border:1px solid #ddd; padding:15px 0 10px; text-align:center}
.box_r .lj_box li{ margin-bottom:5px;}
.box_r .select_r{ border:1px solid #ddd; text-align:center; padding:15px 0; border-top:0; margin-bottom:10px;}
.box_r .select_r select{ width:238px;}
.box_footer{ background: url(../images/d_bj.jpg); margin-top:15px; padding-top:15px;}
.box_footer .link{ padding-bottom:10px;}
.box_footer .link dl{ float:left; width:870px;}
.box_footer .link dt{ margin-bottom:15px;}
.box_footer .link dd{ float:left; line-height:30px; margin-right:15px; font-size:14px}
.footer{ background:#007072; padding:10px; color:#fff; font-size:14px;}
.footer p{ line-height:30px;}
.footer a{ color:#fff; margin-left:10px;}
.footer span{margin-left:10px;}
.footer .xkz{ text-align:center}

.kycg { border:1px solid #ddd; margin-top:20px; display:inline-block; width:100%}
.kycg .lanmu{ padding:10px; position:relative}
.kycg .lanmu #arrLeft{ position:absolute; left:15px; top:40%;}
.kycg .lanmu #arrRight{ position:absolute; right:15px; top:40%;}
.kycg .lanmu #scrollbox { margin-left:45px;}
.kycg #scrollbox LI{ width:232px; margin-right:20px; float:left}
.kycg #scrollbox LI img{ width:215px; height:140px; margin:4px 0 6px; padding:3px; border:1px solid #ddd}
.kycg .pointer {CURSOR: pointer}
.kycg #scrollbox LI a:hover img{ border:#f60 solid 1px; background:#fff4ce}
.kycg #scrollbox li p{ line-height:30px; height:30px; font-size:15px; text-align:center; font-weight:bold}
.kycg #scrollbox li a:hover P{ color:#007072}
.ar_left{ width:242px;}
.ar_left h2{ background:url(../images/zdh_top.jpg) no-repeat; line-height:80px; text-align:center; font-size:24px; font-weight:bold; color:#fff}
.ar_left ul{margin-bottom:15px;}
.ar_left .list_l li a{ line-height:42px; background:url(../images/zdh_bj.jpg) no-repeat; padding-left:50px; display:block;height:42px; color:#666; font-size:14px;}
.ar_left .list_l li a:hover,.ar_left .list_l .cur a{ background: url(../images/zdh_dj.jpg) no-repeat; color:#fff}
.ar_left .list_l li ol{ display:none}
.ar_left .list_l li:hover ol{ display:block}
.ar_left .list_l li:hover ol a{ background:#eee; color:#3472a1; padding:0; text-align:center; border-bottom:1px solid #fff}
.ar_left .list_l li:hover ol a:hover{ background:#007072; color:#fff}
.ar_right{ width:820px}
.ar_right .Public{background:url(../images/mbx.jpg) no-repeat left center;color: #333;float: left;font-family: 宋体;height: 60px;line-height: 60px;padding-left:4%;text-align: left;width:96%; border-bottom:1px solid #ddd; margin-bottom:15px;}
.ar_right .Public b{ margin:0 10px}
.ar_right .Public a:hover{ color:#1d228b}
.ar_right .ar_con p{ line-height:30px;}
.skimpro{ margin-top:20px; line-height:25px;}
.skimpro h4{ font-size:12px;}
.skimpro h4 a:hover{ text-decoration:underline}
.skimpro p a:hover{ color:#ff6674}
.box_tit{ border-bottom:1px dashed #666; text-align:center; padding-bottom:10px}
.box_tit h1{ line-height:50px; color:#322725; font-size:24px; font-weight:bold}
.box_tit p{ display:inline; margin-right:10px; color:#999}
.box_tit p span{ margin-left:5px; color:#333}
.page{ margin:15px 0; line-height:28px;}
.page a{ color:#3d3d3d}
.page a:hover{ color:#007072}
.other p{line-height:28px;}
.list{ display:inline-block; width:100%}
.list ul li{ line-height:38px; border-bottom:1px solid #ddd; background:url(../images/icon-09.gif) no-repeat left center; padding-left:20px}
.list ul li a{ font-size:16px;}
.pageJump{ margin-top:25px;}
.pageJump .ye li{ float:left; background:#ccc; margin-left:5px; padding:0 5px;}
.pageJump .ye li a{ display:block; color:#666;}
.pageJump .ye .bg{ background:none; padding:0}
.pageJump .ye input{ width:25px;}
.pageJump .ye .cur{ background:#000; font-weight:bold}
.pageJump .ye .cur a{color:#fff}
.comstyle{ display:inline-block; width:100%}
.comstyle ul li{ float:left; width:170px; margin:15px 17px 0;text-align:center}
.comstyle ul li img{ height:215px; width:160px; padding:4px; border:1px solid #e6e7e7}
.comstyle ul li p{ font-size:16px; line-height:35px; font-weight:bold}
.comstyle ul li a:hover p{ color:#007072}
.comstyle ul li a:hover img{ border:1px solid #f60; background:#fff4ce}
.content ul li{ padding:20px 0; border-bottom:1px dashed #ccc; line-height:30px;}
.content ul li span{ float:left; margin-right:15px}
.pro_box ul li{ width:230px}
.pro_box ul li img{ width:220px; height:165px;}
.pro_box ul li a:hover img{ border:1px solid #e6e7e7; background:#fff4ce}
.pro_box ul li p{ font-size:13px; line-height:25px; height:50px; overflow:hidden}
.down ul li{ color:#999; background:none; border:0; padding:0; padding-right:50px; float:left;}
.down ul li em a{ color:#3d3d3d; font-size:14px; margin:0 30px 0 3px;}
.down ul li span{ color:#333}
.down ul li strong{ margin:0 5px}
.down ul li span a{ background:url(../images/btn_bg.png) no-repeat; line-height:33px; width:88px; float:right; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.down ul li span a:hover{ background:url(../images/btn_bghover.png) no-repeat}
.telephone{
           width:100%;
           height: 180px;
           position: relative;
           background:url(../images/mlbanbg.jpg) no-repeat;
           background-size: 100% 105%;
          }

.mlbanner {
position: relative;
}
.logobox{
  position: absolute;
  top: 50%;
  left:0;
  margin-top: 32px;
  z-index:99;
}
.logobox img{
  width: 540px;
}
.text_ml{
    position: absolute;
    top: 61px;
    left: 56%;
    z-index: 99;
}
.mlbanner .text_ml{
    background: 50% 100%/50% 100% no-repeat radial-gradient(ellipse at bottom, #007072, transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 36px;
    font-weight: bold;
    /* font-family: "Source Sans Pro", sans-serif; */
    -webkit-animation: reveal 6s infinite 2000ms, 
    glow 4s linear infinite 2000ms;

    -ms-animation: reveal 6s infinite 2000ms, 

    glow 4s linear infinite 2000ms;
            animation: reveal 6s infinite 2000ms, 
            glow 4s linear infinite 2000ms;
}


@-webkit-keyframes reveal {
    80% {
      letter-spacing:5px;
    }
    100% {
      background-size: 300% 300%;
    }
  }
  @-ms-keyframes reveal {
    80% {
      letter-spacing: 5px;
    }
    100% {
      background-size: 300% 300%;
    }
  }
  @keyframes reveal {
    80% {
      letter-spacing:5px;
    }
    100% {
      background-size:300% 300%;
    }
  }
  /* @-webkit-keyframes glow {
    40% {
      text-shadow: 0 0 4px #fff;
    }
  }
  @-ms-keyframes glow {
    40% {
      text-shadow: 0 0 4px #fff;
    }
  }
  @keyframes glow {
    40% {
      text-shadow: 0 0 4px #fff;
    }
  } */
@media screen and (max-width: 1380px) {
  .logobox img {
    width: 460px;
} 
        .telephone{
          height:180px;
        }
        .logobox{
          margin-top:40px;
        }
}